<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <head>
        <title>TODO supply a title</title>
    </head>
    <body>
        <ui:composition template="/admin/templates/indexTemplate.xhtml">
            <ui:define name="main">
                <div class="full_w">
                    <div class="h_title">News List</div>
                    <h2>Manage news</h2>
                    <p>This panel allow you to manage all news.</p>

                    <div class="entry">
                            <div class="sep"></div>
                    </div>
                    <table>
                            <thead>
                                    <tr>
                                            <th scope="col">No.</th>
                                            <th scope="col">Title</th>
                                            <th scope="col">Content</th>
                                            <th scope="col">Date</th>
                                            <th scope="col">Status</th>
                                            <th scope="col" style="width: 65px;">Modify</th>
                                    </tr>
                            </thead>

                            <tbody>
                                    <tr>
                                            <td class="align-center">1</td>
                                            <td>Prosecutors give SAC settlement</td>
                                            <td>PaperPouche, the world's best-selling circuit maker, has launched a handset with a curved display screen. Called the Galaxy Round, the circuit will feature a 5.7in (14.5cm) display.</td>
                                            <td>22-03-2012</td>
                                            <td style="text-align:center "><img src="admin/source/img/i_ok.png"/></td>
                                            <td style="text-align:center ">
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon delete" title="Delete"></a>
                                            </td>
                                    </tr>
                                    <tr>
                                            <td class="align-center">2</td>
                                            <td>Royal Mail staff take up share offer</td>
                                            <td>Negotiations are ongoing between government officials and JPMorgan over a possible settlement related to mortgage securities that could yield one of the largest fines for a single company in U.S. history.</td>
                                            <td>12-07-2012</td>
                                            <td style="text-align:center "><img src="admin/source/img/i_ok.png"/></td>
                                            <td style="text-align:center ">
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon delete" title="Delete"></a>
                                            </td>
                                    </tr>

                                    <tr>
                                            <td class="align-center">3</td>
                                            <td>The first bookless library: BiblioTech offers only e-books </td>
                                            <td>BiblioTech ebook library, in addition to its catalog of 10,000 e-books, also provides a digital lifeline to a low-income neighborhood that sorely needs it. </td>
                                            <td>23-03-2012</td>
                                            <td style="text-align:center "><img src="admin/source/img/i_error.png"/></td>
                                            <td style="text-align:center ">
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon restore" title="Restore"></a>
                                            </td>
                                    </tr>

                                    <tr>
                                        <td class="align-center">4</td>
                                            <td>Peek inside the new Cadillac Escalade </td>
                                            <td>The redesigned Escalade is GM's chance to return to SUV dominance. The vehicle is more spacious than its predecessors, boasts a more powerful engine and has high-tech LED headlights.</td>
                                            <td>25-03-2012</td>
                                            <td style="text-align:center "><img src="admin/source/img/i_error.png"/></td>
                                            <td style="text-align:center ">
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon restore" title="Restore"></a>
                                            </td>
                                    </tr>						
                                    <tr>
                                            <td class="align-center">5</td>
                                            <td>Ex-Madoff employee set to testify in new trial </td>
                                            <td>Five former employees will appear in court on charges that they helped with execute his Ponzi scheme. Another ex-employee turned cooperating witness is slated to testify. </td>
                                            <td>22-03-2012</td>
                                            <td style="text-align:center "><img src="admin/source/img/i_ok.png"/></td>
                                            <td style="text-align:center ">
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon delete" title="Delete"></a>
                                            </td>
                                    </tr>
                            </tbody>
                    </table>
                    <div class="entry">
                            <div class="pagination">
                                    <span>« First</span>
                                    <span class="active">1</span>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                    <a href="">4</a>
                                    <span>...</span>
                                    <a href="">23</a>
                                    <a href="">24</a>
                                    <a href="">Last »</a>
                            </div>
                            <div class="sep"></div>		
                            <form action="" method="">
                                <a class="button all" href="">All</a> <a class="button ready" href="">Active</a> <a class="button trash" href="">Trash</a> <a class="button search" href="">Search</a> <input type="text" name="searchValue"/> <b>By :</b> <select class="styled-select" name="searchType"><option value="name">Title</option></select>
                            </form> 
                    </div>
            </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
